<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
        <title>行情资讯页</title>
        <jsp:include page="../lbi/css.jsp"></jsp:include>
        <link rel="stylesheet" href="<c:url value="/static/css/common/swiper.min.css"/>" /> 
		<link rel="stylesheet" href="<c:url value="/static/css/marketNews.css"/>"/>
    </head>

    <body>
        <div class="wrap">
            <!-- 头部开始-->
            <jsp:include page="../lbi/head.jsp"></jsp:include>
            <!-- 头部结束-->

            <!--内容开始-->
            <div class="wrap-middle common">
                <!--每日行情开始-->
                <div class="content-mrhq">
                     <div class="left fl">
                        <div class="mrhq-title">
                            <h3>每日行情一览表</h3>
                            <a href="<c:url value="/toQuotationpriceList.do"/>" target="_blank" class="more icon">更多</a>
                        </div>
                        <ul class="mrhq-list" id="price_list">
                        </ul>
                     </div>
                     
                     <div class="right fr">
                        <div>
                            <!-- Swiper -->
                        <div class="swiper-container">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide"><img src="static/img/m3.jpg"></div>
                                <div class="swiper-slide"><img src="static/img/m3.jpg"></div>
                                <div class="swiper-slide"><img src="static/img/m1.jpg"></div>
                            </div>
                            <!-- Add Pagination -->
                            <div class="swiper-pagination">
                            </div>
                            <!-- Add Arrows -->
                            <!--<div class="swiper-button-next"></div>
                            <div class="swiper-button-prev"></div>-->
                        </div>
                    </div>
                     </div>
                     
                </div>
                <!--每日行情结束-->
                
                <!--分类列表废纸开始-->
                <div class="content-category">
                    <div class="left fl">
                        <div class="price-info-head">
                                <div class="c-show cl" id="indexCity">
                                    <div class="category-title fl">废纸</div>
                                    <ul class="tab-content fl">
                                        <li class="c-page selected-color">
                                            <a href="javascript:void(0)" onclick="trend_dataPage(1,'全部-1','')">全部</a>
                                        </li>
                                        <c:forEach items="${categoryVo }" var="categoryVo">
                                            <li class="c-page">
	                                            <a href="javascript:void(0)" onclick="trend_dataPage(1,'${categoryVo.categoryId }','')">${categoryVo.name }</a>
	                                        </li>
                                        </c:forEach>
                                        
                                        <li class="hove-more">
                                        <i class="icon i-city"></i> 
                                            <a href="javascript:void(0)" class="fl">
                                            <span class="area fl">区域</span> <i class="icon area-more fl"></i></a>
                                            <div class="city-more">
                                                <a href="javascript:void(0)" onclick="trend_dataPage(1,'','全部-1')">全部</a>
                                                <c:forEach items="${sysarea }" var="sysarea">
                                                    <a href="javascript:void(0)" onclick="trend_dataPage(1,'','${sysarea.areaCode }')">${sysarea.name }</a>
                                                </c:forEach>
                                            </div>
                                        </li>
                                    </ul>
                                    <div class="fr"><a href="<c:url value="/toQuotationtrendList.do"/>" target="_blank" class="more icon">更多</a></div>
                                </div>
                            </div>
                            
                        <div class="category-list">
                            <ul id="trend_list">
                            </ul>
                        </div>
                    </div>
                    <div class="right fr">
                        <div class="common-title clearfix">
                        <h3 class="right-title fl">行情评析</h3>
                        <a href="<c:url value="/toQuotationanalysitList.do"/>" target="_blank" class="more icon fr">更多</a>
                        </div>
                        <ul class="right-list" id="qnalysis_list">
                            
                        </ul>
                    </div>
                </div>
                <!--分类列表废纸结束-->
                
                <!--分类列表废钢开始-->
                <div class="content-category">
                    <div class="left fl">
                        <div class="price-info-head">
                                <div class="c-show cl" id="indexCity">
                                    <div class="category-title fl">废钢</div>
                                    <ul class="tab-content fl">
                                        <li class="c-page selected-color">
                                            <a href="javascript:void(0)">钢铁</a>
                                        </li>
                                        <li class="c-page">
                                            <a href="javascript:void(0)">铜</a>
                                        </li>
                                        <li class="c-page">
                                            <a href="javascript:void(0)">铝</a>
                                        </li>
                                        <li class="c-page">
                                            <a href="javascript:void(0)">有色金属</a>
                                        </li>
                                        <li class="c-page">
                                            <a href="javascript:void(0)">其他</a>
                                        </li>
                                    
                                        <li class="hove-more">
                                        <i class="icon i-city"></i> <a href="javascript:void(0)" class="fl"><span class="area fl">华东区域</span> <i class="icon area-more fl"></i></a>
                                            <div class="city-more">
                                                <a href="javascript:void(0)">郑州</a>
                                                <a href="javascript:void(0)">天津</a>
                                                <a href="javascript:void(0)">邯郸</a>
                                                <a href="javascript:void(0)">成都</a>
                                                <a href="javascript:void(0)">安阳</a>
                                                <a href="javascript:void(0)">济南</a>
                                                <a href="javascript:void(0)">西安</a>
                                                <a href="javascript:void(0)">沈阳</a>
                                                <a href="javascript:void(0)">重庆</a>
                                                <a href="javascript:void(0)">长沙</a>
                                                <a href="javascript:void(0)">昆明</a>
                                                <a href="javascript:void(0)">张家港</a>
                                                <a href="javascript:void(0)">马鞍山</a>
                                                <a href="javascript:void(0)">长春</a>
                                            </div>

                                        </li>
                                    </ul>
                                    <div class="fr"><a href="#" target="_blank" class="more icon">更多</a></div>
                                </div>
                            </div>
                            
                        <div class="category-list">
                            <ul>
                                <li>
                                    <a class="c-name" href="#"><i>●&nbsp;&nbsp;</i>湖北荆州祥兴纸业国废黄板纸采购价格快讯aaaa啊啊啊啊啊啊啊啊</a>
                                    <span class="c-time">06-19</span>
                                </li>
                                <li>
                                    <a class="c-name" href="#"><i>●&nbsp;&nbsp;</i>江苏玖龙纸业废旧黄板纸采购价格快报           </a>
                                    <span class="c-time">06-19</span>
                                </li>
                                <li>
                                    <a class="c-name" href="#"><i>●&nbsp;&nbsp;</i>湖北荆州祥兴纸业国废黄板纸采购价格快讯</a>
                                    <span class="c-time">06-19</span>
                                </li>
                                <li>
                                    <a class="c-name" href="#"><i>●&nbsp;&nbsp;</i>湖北荆州祥兴纸业国废黄板纸采购价格快讯</a>
                                    <span class="c-time">06-19</span>
                                </li>
                                <li>
                                    <a class="c-name" href="#"><i>●&nbsp;&nbsp;</i>湖北荆州祥兴纸业国废黄板纸采购价格快讯</a>
                                    <span class="c-time">06-19</span>
                                </li>
                                <li>
                                    <a class="c-name" href="#"><i>●&nbsp;&nbsp;</i>湖北荆州祥兴纸业国废黄板纸采购价格快讯</a>
                                    <span class="c-time">06-19</span>
                                </li>
                                <li>
                                    <a class="c-name" href="#"><i>●&nbsp;&nbsp;</i>江苏玖龙纸业废旧黄板纸采购价格快报   </a>
                                    <span class="c-time">06-19</span>
                                </li>
                                <li>
                                    <a class="c-name" href="#"><i>●&nbsp;&nbsp;</i>江苏玖龙纸业废旧黄板纸采购价格快报   </a>
                                    <span class="c-time">06-19</span>
                                </li>
                            </ul>
                        </div>
                    
                    </div>
                    <div class="right fr">
                        <div class="common-title clearfix">
                        <h3 class="right-title fl">行情评析</h3>
                        <a href="#" target="_blank" class="more icon fr">更多</a>
                        </div>
                        <ul class="right-list">
                            <li>
                                <a href="#" class="zp fl">废纸周评：国废黄板纸价格阶段性触顶回落  </a>
                                <span class="fr">05-18</span>
                            </li>
                            <li>
                                <a href="#" class="zp fl">废纸周评：国废黄板纸价格阶段性触顶</a>
                                <span class="fr">05-18</span>
                            </li>
                            <li>
                                <a href="#" class="zp fl">废纸周评：国废黄板纸价格阶段性触顶</a>
                                <span class="fr">05-18</span>
                            </li>
                            <li>
                                <a href="#" class="zp fl">废纸周评：国废黄板纸价格阶段性触顶</a>
                                <span class="fr">05-18</span>
                            </li>
                            <li>
                                <a href="#" class="zp fl">废纸周评：国废黄板纸价格阶段性触顶</a>
                                <span class="fr">05-18</span>
                            </li>
                            <li>
                                <a href="#" class="zp fl">废纸周评：国废黄板纸价格阶段性触顶</a>
                                <span class="fr">05-18</span>
                            </li>
                            <li>
                                <a href="#" class="zp fl">废纸周评：国废黄板纸价格阶段性触顶</a>
                                <span class="fr">05-18</span>
                            </li>
                            <li>
                                <a href="#" class="zp fl">废纸周评：国废黄板纸价格阶段性触顶</a>
                                <span class="fr">05-18</span>
                            </li>
                            <li>
                                <a href="#" class="zp fl">废纸周评：国废黄板纸价格阶段性触顶</a>
                                <span class="fr">05-18</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <!--分类列表废钢结束-->
                
                <!--分类列表废塑料开始-->
                <div class="content-category">
                    <div class="left fl">
                        <div class="price-info-head">
                                <div class="c-show cl" id="indexCity">
                                    <div class="category-title fl">废塑料</div>
                                    <ul class="tab-content fl">
                                        <li class="c-page selected-color">
                                            <a href="javascript:void(0)">通用塑料</a>
                                        </li>
                                        <li class="c-page">
                                            <a href="javascript:void(0)">工程塑料</a>
                                        </li>
                                        <li class="c-page">
                                            <a href="javascript:void(0)">塑膜</a>
                                        </li>
                                        <li class="c-page">
                                            <a href="javascript:void(0)">氯碱</a>
                                        </li>
                                        <li class="c-page">
                                            <a href="javascript:void(0)">其他</a>
                                        </li>
                                    
                                        <li class="hove-more">
                                        <i class="icon i-city"></i> <a href="javascript:void(0)" class="fl"><span class="area fl">华东区域</span> <i class="icon area-more fl"></i></a>
                                            <div class="city-more">
                                                <a href="javascript:void(0)">郑州</a>
                                                <a href="javascript:void(0)">天津</a>
                                                <a href="javascript:void(0)">邯郸</a>
                                                <a href="javascript:void(0)">成都</a>
                                                <a href="javascript:void(0)">安阳</a>
                                                <a href="javascript:void(0)">济南</a>
                                                <a href="javascript:void(0)">西安</a>
                                                <a href="javascript:void(0)">沈阳</a>
                                                <a href="javascript:void(0)">重庆</a>
                                                <a href="javascript:void(0)">长沙</a>
                                                <a href="javascript:void(0)">昆明</a>
                                                <a href="javascript:void(0)">张家港</a>
                                                <a href="javascript:void(0)">马鞍山</a>
                                                <a href="javascript:void(0)">长春</a>
                                            </div>

                                        </li>
                                    </ul>
                                    <div class="fr"><a href="#" target="_blank" class="more icon">更多</a></div>
                                </div>
                            </div>
                            
                        <div class="category-list">
                            <ul>
                                <li>
                                    <a class="c-name" href="#"><i>●&nbsp;&nbsp;</i>湖北荆州祥兴纸业国废黄板纸采购价格快讯aaaa啊啊啊啊啊啊啊啊</a>
                                    <span class="c-time">06-19</span>
                                </li>
                                <li>
                                    <a class="c-name" href="#"><i>●&nbsp;&nbsp;</i>江苏玖龙纸业废旧黄板纸采购价格快报           </a>
                                    <span class="c-time">06-19</span>
                                </li>
                                <li>
                                    <a class="c-name" href="#"><i>●&nbsp;&nbsp;</i>湖北荆州祥兴纸业国废黄板纸采购价格快讯</a>
                                    <span class="c-time">06-19</span>
                                </li>
                                <li>
                                    <a class="c-name" href="#"><i>●&nbsp;&nbsp;</i>湖北荆州祥兴纸业国废黄板纸采购价格快讯</a>
                                    <span class="c-time">06-19</span>
                                </li>
                                <li>
                                    <a class="c-name" href="#"><i>●&nbsp;&nbsp;</i>湖北荆州祥兴纸业国废黄板纸采购价格快讯</a>
                                    <span class="c-time">06-19</span>
                                </li>
                                <li>
                                    <a class="c-name" href="#"><i>●&nbsp;&nbsp;</i>湖北荆州祥兴纸业国废黄板纸采购价格快讯</a>
                                    <span class="c-time">06-19</span>
                                </li>
                                <li>
                                    <a class="c-name" href="#"><i>●&nbsp;&nbsp;</i>江苏玖龙纸业废旧黄板纸采购价格快报   </a>
                                    <span class="c-time">06-19</span>
                                </li>
                                <li>
                                    <a class="c-name" href="#"><i>●&nbsp;&nbsp;</i>江苏玖龙纸业废旧黄板纸采购价格快报   </a>
                                    <span class="c-time">06-19</span>
                                </li>
                            </ul>
                        </div>
                    
                    </div>
                    <div class="right fr">
                        <div class="common-title clearfix">
                        <h3 class="right-title fl">行情评析</h3>
                        <a href="#" target="_blank" class="more icon fr">更多</a>
                        </div>
                        <ul class="right-list">
                            <li>
                                <a href="#" class="zp fl">废纸周评：国废黄板纸价格阶段性触顶回落  </a>
                                <span class="fr">05-18</span>
                            </li>
                            <li>
                                <a href="#" class="zp fl">废纸周评：国废黄板纸价格阶段性触顶</a>
                                <span class="fr">05-18</span>
                            </li>
                            <li>
                                <a href="#" class="zp fl">废纸周评：国废黄板纸价格阶段性触顶</a>
                                <span class="fr">05-18</span>
                            </li>
                            <li>
                                <a href="#" class="zp fl">废纸周评：国废黄板纸价格阶段性触顶</a>
                                <span class="fr">05-18</span>
                            </li>
                            <li>
                                <a href="#" class="zp fl">废纸周评：国废黄板纸价格阶段性触顶</a>
                                <span class="fr">05-18</span>
                            </li>
                            <li>
                                <a href="#" class="zp fl">废纸周评：国废黄板纸价格阶段性触顶</a>
                                <span class="fr">05-18</span>
                            </li>
                            <li>
                                <a href="#" class="zp fl">废纸周评：国废黄板纸价格阶段性触顶</a>
                                <span class="fr">05-18</span>
                            </li>
                            <li>
                                <a href="#" class="zp fl">废纸周评：国废黄板纸价格阶段性触顶</a>
                                <span class="fr">05-18</span>
                            </li>
                            <li>
                                <a href="#" class="zp fl">废纸周评：国废黄板纸价格阶段性触顶</a>
                                <span class="fr">05-18</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <!--分类列表废塑料结束-->
                
                <!--热点资讯开始-->
                <div class="content-hot">
                    <div class="title"><h3>热点资讯</h3></div>
                    <div class="hot-title-tab">
                        <ul class="clearfix">
                            <li class="active" onclick="inform_dataPage(1)">行业动态</li>
                            <li onclick="inform_dataPage(2)">财经新闻</li>
                            <li onclick="inform_dataPage(3)">政策法规</li>
                            <li onclick="inform_dataPage(4)">国废外废专题</li>
                        </ul>
                    </div>
                    <div class="hot-content" id="inform_list">
                            
                    </div>
                </div>
                <!--热点资讯结束-->
                
            </div>
            <!--内容结束-->
            <footer class="common">
                <div class="footer-top">
                    <ul>
                        <li class="plqq">
                            <span class="icon"></span>
                            <h1>品种规格齐全</h1>
                        </li>
                        <li class="zzbz">
                            <span class="icon"></span>
                            <h1>质量可靠保障</h1>
                        </li>
                        <li class="jgyz">
                            <span class="icon"></span>
                            <h1>价格占有优势</h1>
                        </li>
                        <li class="qqbt">
                            <span class="icon"></span>
                            <h1>缺钱可打白条</h1>
                        </li>
                        <li class="mfzc">
                            <span class="icon"></span>
                            <h1>免费找货找车</h1>
                        </li>
                    </ul>
                </div>
                <div class="footer-bottom">
                    <h1 class="common tc">Copyright©right;2018 www.zaishengwang.com Inc. All rights reserved</h1>
                    <h2 class="common tc">苏ICP证161025号 | 苏ICP备15001001号 | 再生网</h2>
                </div>
            </footer>
            
            <input type="hidden" id="c_id" value="" />
            <input type="hidden" id="province_id" value="" />

        </div>
        <script type="text/javascript" src="<c:url value="/static/lib/swiper.min.js/"/>"></script>
        <script type="text/javascript">
        $(document).ready(function(){
            //导航高亮
   	        $("#nav_main li").eq(1).addClass("selected-color");
        	//废纸列表
        	trend_dataPage(1,'','');
        	//废纸 行情评析
        	analysis_dataPage(1)
        	//每日行情一览
        	price_dataPage();
        	//资讯
        	inform_dataPage(1);
        })
        //轮播图配置
        var swiper = new Swiper('.swiper-container', {
              spaceBetween: 30,
              centeredSlides: true,
              autoplay: {
                delay: 2500,
                disableOnInteraction: false,
              },
              pagination: {
                el: '.swiper-pagination',
                clickable: true,
              },
              navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
              },
        });
        
        //分类头部切换
        $(".content-category ul.tab-content").on("click","li.c-page",function (){
            $(this).addClass("selected-color").siblings().removeClass("selected-color");
        });
        
         //分类头部城市切换
         $(".city-more").on("click","a",function (){
            var text_ = $(this).text();
            $(this).parents(".hove-more").find(".area").text(text_);
        });
           
        //热点资讯头部切换
        $(".hot-title-tab ul").on("click","li",function (){
            $(this).addClass("active").siblings().removeClass("active");
        })
        
        //资讯列表
        function inform_dataPage(type) {
        	 $.ajax({
                 type: "post",
                 url: "<c:url value="/informationList.do"/>",
                 data: {
                	 type : type,
                	 page : 1,
                	 size : 10,
                 },
                 cache: true,
                 async:false, 
                 dataType: "json",
                 success: function(data){
                      var result = "";
                      if (data.informationVo.result.length>0) {
                    	  for (var i = 0 ; i<data.informationVo.result.length;i++) {
                              result += '<div class="hot-list clearfix">';
                              result += '<div class="hot-list-l fl">';
                              result += "<a href=\"<c:url value="/toInformationDetails.do"/>?id="+data.informationVo.result[i].bId+"\">";
                              result += '<img src="http://qiniudns.zaishengwang.com/'+data.informationVo.result[i].img+'">';
                              result += "</a>";
                              result += '</div>';
                              result += '<div class="hot-list-r fl">';
                              result += '<div class="clearfix">';
                              result += "<a href=\"<c:url value="/toInformationDetails.do"/>?id="+data.informationVo.result[i].bId+"\">";
                              result += '<h1 class="p-title fl">'+data.informationVo.result[i].title+'</h1>';
                              result += "</a>";
                              result += '<span class="p-time fr">'+data.informationVo.result[i].createTime.substring(0, 10)+'</span>';
                              result += '</div>';
                              result += ' <p class="p-text">'+data.informationVo.result[i].content;
                              result += '</p>';
                              result += '</div>';
                              result += '</div>';
                          }
                      }
                      $("#inform_list").html(result);
                 }
        	 })
        }
        
        //每日行情一览表
        function price_dataPage() {
            $.ajax({
                type: "post",
                url: "<c:url value="/quotationtrend.do"/>",
                data: {
                    page : 1,
                    size : 7,
                    setTop : 1,
                },
                cache: true,
                async:false, 
                dataType: "json",
                success: function(data){
                     var result = "";
                     var title = "";
                     if (data.quotationtrend.result.length>0) {
                         for (var i = 0 ; i<data.quotationtrend.result.length;i++) {
                        	 if (data.quotationtrend.result[i].title != null) {
                        		 if (data.quotationtrend.result[i].title.length>18) {
                                     title = data.quotationtrend.result[i].title.substring(0, 18)+"...";
                                 }else {
                                     title = data.quotationtrend.result[i].title;
                                 }
                        	 }
                        	 result += '<li>';
                        	 if (i == 0) {
                        		 result += '<i class="hot">1</i>';
                        	 }else if (i == 1) {
                        		 result += '<i class="hot">2</i>';
                        	 }else if (i == 2) {
                        		 result += '<i class="hot">3</i>';
                             }
                        	 
                        	 result += "<a href=\"<c:url value="/toQuotationtrendDetails.do"/>?id="+data.quotationtrend.result[i].bId+"\">"+title+"</a>";
                        	 result += '<span class="fr">'+data.quotationtrend.result[i].createTime.substring(0, 10)+'</span>';
                        	 result += '</li>';
                         }
                     }
                     $("#price_list").html(result);
                }
            })
        }
        
        //废纸列表 type 1 废纸
        function trend_dataPage(type,categoryId,province) {
        	
        	if (categoryId == undefined || categoryId == "") {
                categoryId = $("#c_id").val()
            }else if (categoryId == "全部-1") {
            	categoryId = "";
            	$("#c_id").val("");
            }else {
                $("#c_id").val(categoryId);
            }
            if (province == undefined || province == "") {
                province = $("#province_id").val()
            }else if (province == "全部-1") {
            	province = "";
            	$("#province_id").val("");
            }else {
                $("#province_id").val(province)
            }
            
            $.ajax({
                type: "post",
                url: "<c:url value="/quotationtrend.do"/>",
                data: {
                    type : type,
                    page : 1,
                    size : 7,
                    categoryId : categoryId,
                    province : province,
                },
                cache: true,
                async:false, 
                dataType: "json",
                success: function(data){
                     var result = "";
                     var title = "";
                     console.log(data.quotationtrend.result[0].title);
                     if (data.quotationtrend.result.length>0) {
                         for (var i = 0 ; i<data.quotationtrend.result.length;i++) {
                        	 
                        	 if (data.quotationtrend.result[i].title != null) {
                                 if (data.quotationtrend.result[i].title.length>18) {
                                     title = data.quotationtrend.result[i].title.substring(0, 18)+"...";
                                 }else {
                                     title = data.quotationtrend.result[i].title;
                                 }
                             }

                        	 result += '<li>';
                        	 result += "<a class='c-name' href=\"<c:url value="/toQuotationtrendDetails.do"/>?id="+data.quotationtrend.result[i].bId+"\"><i>●&nbsp;&nbsp;</i>"+title+"</a>";
                        	 result += '<span class="c-time">'+data.quotationtrend.result[i].createTime.substring(0, 10)+'</span>';
                        	 result += '</li>';
                         }
                     }
                     $("#trend_list").html(result);
                }
            })
        }
        
        //行情评析 type 1 废纸 2
        function analysis_dataPage(type) {
            $.ajax({
                type: "post",
                url: "<c:url value="/quotationanalysisList.do"/>",
                data: {
                	type : type,
                    page : 1,
                    size : 7,
                },
                cache: true,
                async:false, 
                dataType: "json",
                success: function(data){
                     var result = "";
                     var name = "";
                     if (data.quotationqnalysis.result.length>0) {
                         for (var i = 0 ; i<data.quotationqnalysis.result.length;i++) {
                        	 
                        	 if (data.quotationqnalysis.result[i].name.length>18) {
                                 name = data.quotationqnalysis.result[i].name.substring(0, 18)+"...";
                             }else {
                                 name = data.quotationqnalysis.result[i].name;
                             }
                        	 
                        	 result += '<li>';
                        	 result += "<a href=\"<c:url value="/toQuotationanalysisDetails.do"/>?id="+data.quotationqnalysis.result[i].bId+"\" class='zp fl'>"+name+"</a>";
                        	 result += '<span class="fr">'+data.quotationqnalysis.result[i].createTime.substring(0, 10)+'</span>';
                        	 result += '</li>';
                         }
                     }
                     $("#qnalysis_list").html(result);
                }
            })
        }
        </script>
    </body>

</html>